<template>
    <div>
        <button class="a">{{message}}</button>
        <Cpn></Cpn>
    </div>
</template>

<script>
import  Cpn from './Cpn.vue';
    export default {
        name: "App",
        components:{
            Cpn
        },
        data(){
            return{
                message:'我是vue按钮封装写法'
            }
        }
    }
</script>

<style scoped>
.a{
    color: chocolate;
    font-size: 20px;
}
</style>